<%-- 
    Document   : facturas
    Created on : 08-24-2012, 09:19:27 AM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

 
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>


<script type="text/javascript">
  function producto(string){
   var name=string
   document.getElementById('producto').value=name;
   }
   function OE(string){
   var name=string
   document.getElementById('OE').value=name;
   }
   
</script>
<!-- Extream Component -->
<link rel="stylesheet" type="text/css"
	href="../resources/css/extremecomponents.css">
<script type="text/javascript"
	src="../resources/javascript/extremecomponents.js"></script>
	
	<script type="text/javascript"
	src="../resources/javascript/jquery.js"></script>
	
	<script type="text/javascript">
			function onTableClick(idSolicitudSolicitante,
									idSolicitante,
									nombreSolicitante,
									numeroDocumento,
									ocupacion,
									direccion,
									idMunicipio,
									municipioDomicilio,
									idSolicitud
									){		
				$("#idSolicitudSolicitante").val(idSolicitudSolicitante);
				$("#idSolicitante").val(idSolicitante);
				$("#nombreSolicitante").val(nombreSolicitante);				
				$("#numeroDocumento").val(numeroDocumento);
				$("#ocupacion").val(ocupacion);
				$("#direccion").val(direccion);				
				$("#idMunicipio").val(idMunicipio);
				$("#municipioDomicilio").val(municipioDomicilio);
				$("#idSolicitud").val(idSolicitud);
				showEditBtn();
			}
			
			function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");
				
			}
			
			function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}

			function municipio(idEmpleador,nombreEmpleador){		
				$("#idMunicipio").val(idEmpleador);
				$("#municipioDomicilio").val(nombreEmpleador);
			}
			
			
	</script>
	<script type="text/javascript">
	$(document).ready(function() {
	    $("#solicitante").validate();
	});
	</script>
	<jsp:include page="includeCSSjs.jsp"/>
    </head>
    <body>
        <font class="divTextoEncabezado">Registro de Solicitantes</font>
        <br><br>
<div id="divOverflown">
<form:form method="post" action="addSolicitante" commandName="solicitante">
<table width="50%" border="0">
<form:hidden path="idSolicitudSolicitante" id="idSolicitudSolicitante"/>
  <form:hidden path="idSolicitante" id="idSolicitante"/>
  <form:hidden path="idSolicitud" id="idSolicitud"/>
  <tr>
				<td><form:label path="nombreSolicitante" class="text0">Nombre del Solicitante:</form:label></td>
				<td><form:input path="nombreSolicitante" id="nombreSolicitante" class="required inputTextFacturaAgregar"/></td>
				
			</tr>
			
			<tr>
				<td><form:label path="numeroDocumento" class="text0">DUI</form:label></td>
				<td><form:input path="numeroDocumento" id="numeroDocumento" class="required dui inputTextFacturaAgregar"/></td>
				
			</tr>
			
			<tr>
				<td><form:label path="ocupacion" class="text0">Ocupaci&oacute;n:</form:label></td>
				<td><form:input path="ocupacion" id="ocupacion" class="required inputTextFacturaAgregar"/></td>
				
			</tr>
			
			<tr>
				<td><form:label path="direccion" class="text0">Dirección del Solicitante</form:label></td>
				<td><form:textarea rows="3" path="direccion" id="direccion" class="required textArea0"/></td>
				
			</tr>
			
			<tr>
				<td><form:label path="catMunicipio.idMunicipio" class="text0">Municipio de residencia:</form:label></td>
				<td>
					<form:hidden path="catMunicipio.idMunicipio" id="idMunicipio" />					
					<form:input path="catMunicipio.municipio" id="municipioDomicilio" class="required inputTextFacturaAgregar" readonly="true"/>
					<input type="button" name="buscar" class="inputBoton botonLupa" onclick="TINY.box.show({iframe:'<%request.getContextPath();%>findMunicipio',boxid:'frameless',width:600,height:350,fixed:true,maskid:'bluemask',maskopacity:100})">
    			</td>
			</tr>
			
			
</table>
<br><br><br>
<center>
		<div class='btnAgregar'>
				<input type=image src="../resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"  >
		</div>
		<div class="btnEditar" style="display:none;">
					
					<input type=image id="actulizar" src="../resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('solicitante','editSolicitante')" />
					<input type=image id="eliminar" src="../resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('solicitante','deleteSolicitante')"  />				
										
					<input type=image src="../resources/img/btn_cancelar.png" width="95" height="30" class="inputBoton" onclick="edit('solicitante','showSolicitantes')"  />
					
					<!-- <input type=image id="liquidar"  src="../resources/img/boton_liquidar.png" width="95" height="30" class="inputBoton"  onclick="if(!confirm('Realmente desea liquidar la factura?, accion irreversible')){ return false} else{ edit('factura','liquidarFact')}" /> -->
		</div>
</center>

</form:form>

<!-- Extreme Table  -->

<c:if test="${!empty solicitantesList}">
 		<ec:table 
    items="solicitantesList"
    action="${pageContext.request.contextPath}/admin/showSolicitantes"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres"  >

    
        
    <ec:row highlightRow="true"  
    onclick="onTableClick('${pageScope.pres.id.idSolicitudSolicitante}',
    					'${pageScope.pres.id.idSolicitante}',
    					'${pageScope.pres.id.nombreSolicitante}',
    					'${pageScope.pres.id.numeroDocumento}',
    					'${pageScope.pres.id.ocupacion}',
    					'${pageScope.pres.id.direccion}',
    					'${pageScope.pres.id.idMunicipio}',
    					'${pageScope.pres.id.municipioDomicilio}',
    					'${pageScope.pres.id.idSolicitud}');">      
      
      <ec:column property="id.nombreSolicitante" title="Nombre Solicitante"/>      
       
       <ec:column property="id.numeroDocumento" title="N° Documento" />       													     
		<ec:column property="id.ocupacion"  title="Ocupación"/>       
		<ec:column property="id.municipioDomicilio"  title="Domicilio"/>
    </ec:row>
  </ec:table>
</c:if>

</div>
        
    </body>
</html>
